<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式表 -->
    <style>
        p{
            color:red;
        }
    </style>
    <link rel="stylesheet" href="test1.css">
</head>
<body>
    <p style="color:green">heihei</p>
    <div>wakaka</div>
</body>
</html>

<!-- html是实现大体框架，css是对其进行美化的方式 -->
<!-- 行内优先级明显更高一点 -->
<!-- 当然还有外部引入方式 -->
 <!-- 各有优缺点，引入方式可以使样式和页面结构分离，但是不够彻底 -->
<!-- 行内样式使用太复杂，不够简洁，优先级更高，会覆盖其他样式 -->